<!DOCTYPE >
<html lang="en">

	<head>
		<title></title>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="广州小蚕科技" />
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<script src="/js/public/plugin/jquery-1.9.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="/css/public/reset.css">
		<!-- include libraries BS3 -->
		<link rel="stylesheet" href="/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/public/font-awesome.min.css" />
		<style type="text/css">
			.article_content {
				/*max-width: 700px;*/
				width: 100%;
				/*max-width: 700px;*/
				min-width: 300px;
				margin: 0 auto;
				background: #fff;
				padding-top: 1px;
			}
			
			.article_content >section {
				width: 100%!important;
			}
			
			.article_content >section>section {
				width: 100%!important;
			}
			
			.article_main {
				padding: 10px;
			}
			
			.user_img {
				width: 100%;
				display: inline-block;
				margin: 5px 0px;
			}
			/*body{font-size: 16px;line-height: 1.6;background-color: #fff;}
			h1{font-size: 26px;text-align: center;margin: 0px 0px 20px 0px;}
			h2{font-size: 18px;margin:10px 0px;}
			
			.item p{color:#666;text-indent:2em;}
			.item img{width: 100%; display: inline-block;margin: 5px 0px;}
			.item hr{margin:20px 0px;width: 100%;border:none; border-top:1px solid #ddd;}
			.item span{display: block;width:100px;height:40px;border-radius:20px;margin: 0px auto;background: #fb7389;line-height: 40px;text-align:center;color:#fff; }
			.c666{color: #666;}
			.text-intent{text-indent: 2em}
			.article_main{padding: 10px;}
				.user_img{width: 100%; display: inline-block;margin: 5px 0px;}
			.article_title{margin-bottom: 20px;}
			.article_title p{width:100%;text-align: center; font-size:15px;color:#999;line-height: 2em;font-style:italic;}
			.item p{color: #666;text-indent: 2em}
			.foot_view{display: block;margin: 0px auto;}*/
		</style>
		<script type="text/javascript">
			oWap = {
				operation: function() {
					$('.article_user').on('click', ".item span", function() {
						var id = $(this).attr("userId");
						if (navigator.userAgent.indexOf('iPhone') != -1) {
							window.location = "molian://viewUser/" + id
						} else {
							jsObject.viewUser(id);
						}
					})
				},
				init: function() {
					this.operation();
					$(".article_title").html($(".article_title")[0].innerText);
					$(".article_user").html($(".article_user")[0].innerText);
				}
			}
			$(document).ready(function() {
				oWap.init();
			})
		</script>
	</head>

	<body>
		<div class="article_content">
			<div class="article_main">
				<div style="display:none">
					<h1 class="article_title">
					<%=data.article.get("title")%>
				</h1>
				</div>
				<div class="article_user">
					<%=data.article.get("content")%>
				</div>
				<!-- <img class="foot_view" src="/img/foot_view.png "> -->
			</div>
		</div>
	</body>

</html>